import { ReactNode } from 'react';

import cn from 'classnames';

import cs from './Grid.module.scss';

export const Grid = ({
  size = 'xl',
  children,
  otherGap,
}: {
  size?: 'sm' | 'm' | 'l' | 'xl' | 'article';
  children: ReactNode;
  otherGap?: boolean;
}) => <div className={cn(cs.grid, cs[size], { [cs.otherGap]: otherGap })}>{children}</div>;
